{% extends "base.html" %}
{% load markup %}

{% block title %}Issues{% endblock %}

{% block primary-content %}
<span class="breadcrumbs"><a href="{% url index %}" title="Home">Home</a> &raquo; Issues</span>
<h2>{{ location.site.name }} Issues</h2>
<p class="page-intro">{{ location.site.name }}'s reports and blog posts focus on issues that affect city residents. We take a detailed and data-driven look at how campaign contributions affect your city issues. If you think we're missing a certain issue, let us know by <a title="Contact Us" href="{% url contact %}">contacting us</a>.</p>
{% for issue in issues %}
<div class="content-section issue">
	<h3><a id="{{ issue.slug }}" name="{{ issue.slug }}"></a>{{ issue.name }}</h3>
	{{ issue.description|markdown }}
	<p class="content-displayer">View related materials</p>
	<div class="two-columns clearfix hidden-content">
		<div class="column">
			<h4 class="related-reports">Related Reports</h4>
			<ul class="related-material">
				{% for report in issue.news.reports %}
				<li><a href="{% url report report.id %}">{{ report }}</a> <small class="date-posted">Posted {{ report.pub_date|date }}</small></li>
				{% empty %}
				<li>There are currently no reports on this issue.</li>
				{% endfor %}
			</ul>
		</div><!--end column-->
		<div class="column">
			<h4 class="related-blog">Related Blog posts</h4>
			<ul class="related-material">
				{% for post in issue.news.posts %}
				<li><a href="{% url blog_post post.id %}">{{ post }}</a> <small class="date-posted">Posted {{ post.pub_date|date }}</small></li>
				{% empty %}
				<li>There are currently no posts on this issue.</li>
				{% endfor %}
			</ul>
		</div><!--end column-->
  </div><!--end two-columns-->
</div><!--end content-section-->
  {% endfor %}
{% endblock %}

